@import "../../../common";

page {
  background-color: #f8f8f8;
}

.product-container {
  .product-swiper {
    height: 562rpx;
  }

  .product-content {
    @include container;

    .price {
	  @include block;
	  margin: 0;

      .t,
      .b {
        @include flex-space-between;
      }

      .l {
        @include flex-space-between;
        align-items: flex-end;
        @include fontStyle(28, 28, #999999);

        view {
          &.money_1 {
            @include fontStyle(28, 28, var(--color-theme));
            display: flex;
            align-items: flex-end;

            text {
              @include fontStyle(56, 56, var(--color-theme));
              margin-right: 16rpx;
            }
          }
        }
      }

      .r {
        @include fontStyle(28, 28, #999999);
      }

      .b {
        @include fontStyle(28, 28, #666666);
        margin-top: 16rpx;
      }
    }
  }
  .custom-content {
    // word-break: break-all;
    // @include block;
    padding-bottom: 120rpx;
  }
  .product-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 calc(22rpx * 2);
    padding-bottom: env(safe-area-inset-bottom);

    .parice {
      display: flex;
      align-items: flex-end;

      text {
        color: var(--color-theme);

        &.parice_1 {
          font-size: 32rpx;
        }

        &.parice_2 {
          line-height: calc(20rpx + 36rpx);
          font-size: calc(20rpx + 36rpx);
        }
      }
    }

    .btn {
      display: flex;
      align-items: center;
      padding: 10rpx 0;

      text {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 214rpx;
        height: 78rpx;
        color: #ffffff;
        font-weight: 600;
        font-size: 32rpx;

        &.btn_1 {
          background-color: #FA8A4B;
          border-radius: 40rpx 0 0 40rpx;
        }

        &.btn_2 {
          background-color: var(--color-theme);
          border-radius: 0 40rpx 40rpx 0;
        }
      }
    }
  }
}
